// 切换登录和注册盒子
$('.login a').click(function () {
    $('.register').show().prev().hide();
})

$('.register a').click(function () {
    $('.login').show().next().hide();
})

// 完成注册-------------------------------
$('.register form').on('submit', function (e) {
    // 取消默认行为
    e.preventDefault();
    let data = $(this).serialize();

    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function (res) {
            console.log(res);
            layer.msg(res.message);
            if (res.status === 0) {
                // 清空输入框。找到表单，转成DOM对象，调用DOM方法reset，来重置表单
                $('.register form')[0].reset();
                // 切换到登录盒子
                $('.login').show().next().hide();
            }
        },
        // 用户名重复,success不执行所以需要error
        error: function (xhr) {
            var res = xhr.responseJSON;
            // -------------------  错误提示  -----------------------
            if (res && res.status === 1) {
                layer.msg(res.message);
            }
        }
    })

})

// 自定义表单验证
// 使用模块必先调用模块
let form = layui.form;
// 调用form模块内置方法verify自定义验证规则
form.verify({
    user: [/^[a-zA-Z0-9]{2,10}$/, '用户名只能是数字字母，且2~10位'],
    pwd: [/^\S{6,12}$/, '密码6~12位且不能有空格'],
    same: function (val) {
        // 形参，表示使用该验证规则的输入框的值（谁用这个验证规则，val表示谁的值）
        // 案例中，重复密码使用了这个验证规则，所以形参val表示输入的重复密码
        console.log(123);
        let pwd = $('.register input[name=password]').val();
        if (val !== pwd) {
            // return '错误提示'
            return '两次密码不一致'
        }
    }
})

// 登录按钮
$('.login form').on('submit', function (e) {

    e.preventDefault()
    let data = $(this).serialize()
    
    $.ajax({
        type: 'POST',
        data: data,
        url: '/api/login',
        success: function (res) {
            layer.msg(res.message)
            localStorage.setItem('token', res.token )
            if (res.status == 0) {
                layer.msg(res.message, {
                    time: 2000
                }, function () {
                    location.href = './index.html'
                });
            } else {
                layer.msg(res.message)
            }
        }
    })
})